// 导入 axios
import axios from 'axios'
// 导入 store
import store from '@/store'
// 导入 router
import router from '@/router'
import { Message } from 'element-ui'
// 导入获取 token 时间的方法
import { getTime } from '@/utils/auth'

// 创建 axios 副本对象
const http = axios.create({
  // baseURL: '/api',
  baseURL: process.env.VUE_APP_BASEURL,
  timeout: 5000 // 设置请求超时时间！
  // 如果没有在地开启服务器成功的同学，可以使用远程服务器，远程服务器的配置为：
  // baseURL: 'http://106.55.138.21:3000/'
})
// 定义一个 token 的过期时间
// const mytime = 30 * 60 * 1000
const mytime = 10 * 1000
// 设置拦截器
// 请求拦截器
http.interceptors.request.use(
  config => {
    // 得到 token 的保存时间与当前时间的间隔
    const space = Date.now() - getTime()
    // 判断 token 是否过期
    if (space > mytime) {
      // 说明过期
      Message.error('对不起， token 失效')
      // 清除 token
      store.dispatch('user/logout')
      // 跳转回登录页面
      router.push('/login')
      // 都回登录页面
      return Promise.reject(new Error('对不起， token 失效'))
    }
    // 得到 token
    const token = store.getters.token
    // 判断 token
    if (token) {
      config.headers.Authorization = `Bearer ${token}`
    }
    return config
  },
  err => {
    return Promise.reject(err)
  }
)
// 响应拦截器
http.interceptors.response.use(
  response => {
    // 1.0 得到 success 属性
    const { success, message } = response.data
    // 2.0 判断状态
    if (success) {
      // 操作成功
      return response
    } else {
      // 操作失败
      return Promise.reject(new Error(message))
    }
  },
  err => {
    // 判断返回的错误信息中的 code 是否为 10002
    if (err.response && err.response.data && err.response.data.code === 10002) {
      // 说明 token 过期
      // 提示用户 token 过期
      Message({
        message: err.response.data.message,
        type: 'error'
      })
      // 退出登录
      store.dispatch('user/logout')
      // 跳转回登录页面
      router.push('/login')
    }
    return Promise.reject(err)
  }
)
// 暴露对象
export default http

